    html,
    body,
    #app,
    el-container,
    .el-container.is-vertical {
        padding: 0px;
        margin: 0px;
        /* height: 100%; */
        overflow-x: hidden;
    }

    body {
        background-repeat: no-repeat;
        color: #84F2FF !important;
        font-size: 14px;
        height: auto;
        font-family: "微软雅黑";
    }

    ul,
    li {
        margin: 0;
        padding: 0;
    }

    button {
        font-size: 14px;
        font-family: '宋体' !important;
    }

    .main-el-row-header {
        height: 132px;
        background-color: rgba(8, 79, 140, 0.5);
    }

    .main-el-row-content {
        min-height: 602px;
        background-color: rgba(8, 79, 140, 0.5);
        margin-top: 16px;
    }

    .el-table th,
    .el-table tr {
        background-color: transparent !important;
    }

    .el-table,
    .el-table__expanded-cell {
        background-color: transparent !important;
    }

    .el-table--enable-row-hover .el-table__body tr:hover>td {
        background-color: #024C8C;
    }

    table th,
    table td {
        border-bottom: none !important;
    }

    .el-table::before {
        height: 0px;
    }

    .customer-table .el-table__fixed-right::before,
    .el-table__fixed::before {
        width: 0;
    }

    .el-table--enable-row-transition .el-table__body td.el-table__cell {
        background: rgb(0, 58, 80);
        border-bottom: 1px solid #000 !important;
    }

    .el-table--enable-row-hover .el-table__body tr:hover>td {
        background-color: rgb(9, 89, 138) !important;
        /*  鼠标悬浮样式 */
    }

    .main-el-row-content {
        background-color: rgba(8, 79, 140, 0);
        height: 60vh;
    }

    .el-table__footer-wrapper,
    .el-table__header-wrapper {
        background: rgb(12, 82, 118);
        /*表头颜色*/
    }

    .el-table th.el-table__cell>.cell {
        /* 表头文字样式 */
        color: #fff;
        font-size: 18px;
    }

    .el-table .cell {
        font-size: 16px;
        color: #fff;
    }

    /* 分页样式开始 */
    .div-el-pagination {
        float: right;
        margin-top: 30px;
    }

    .el-pagination button,
    .el-pagination span:not([class*=suffix]) {
        color: rgb(28, 134, 182) !important;
    }

    .el-pagination button:disabled {
        background-color: transparent !important;
    }

    .el-pagination .btn-next,
    .el-pagination .btn-prev {
        background-color: transparent !important;
    }

    .el-pagination.is-background .btn-next,
    .el-pagination.is-background .btn-prev,
    .el-pagination.is-background .el-pager li {
        background-color: transparent !important;
    }

    .el-pagination.is-background .el-pager li:not(.disabled).active {
        background-color: rgb(28, 134, 182) !important;
    }

    .el-pagination__editor .el-input__inner {
        height: 32px;
        line-height: 32px;
        border-color: rgb(28, 134, 182) !important;
        background: #010f12;
        color: #fff;
    }

    /* 分页样式结束 */


    .el-input__inner {
        height: 32px;
        line-height: 32px;
        border-color: rgb(28, 134, 182) !important;
        background: #010f12;
        color: #fff;
    }

    /* .el-input {
        max-width: 220px;
    } */
    .el-date-editor.el-input {
        width: 100%;
    }

    .el-select-dropdown__item {
        font-family: "宋体";
        font-weight: 600;
        color: #fff;
        background: #010f12;
    }

    .el-select-dropdown__item.hover,
    .el-select-dropdown__item:hover {
        /* 鼠标经过*/
        background: #01393f;
    }

    .el-select-dropdown__item.selected {
        /* 选中状态*/
        color: #fff;
        background: #014e57;
    }

    .el-dialog {
        background: #000;
        border: 1px solid #0077a9;
        color: #fff;
    }

    .el-form-item__label {
        color: #fff;
        font-size: 18px;
        width: 200px;
    }

    .el-dialog__title {
        color: #84F2FF !important;
    }

    .el-tree {
        background-color: transparent !important;
        color: #84F2FF !important;
    }

    .el-tree-node__content:hover {
        background-color: #2e6e75;
    }

    .el-tree-node:focus>.el-tree-node__content {
        background: #024C8C;
    }

    /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/

    ::-webkit-scrollbar {
        width: 10px;
        background-color: #fff;
    }

    /*定义滚动条轨道 内阴影+圆角*/

    ::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        /* border-radius: 10px; */
        background-color: #FFF;
    }

    /*定义滑块 内阴影+圆角*/

    ::-webkit-scrollbar-thumb {
        /* border-radius: 10px; */
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
        background-color: #054e9280;
    }

    /*定义最上方和最下方的按钮*/

    ::-webkit-scrollbar-button {
        background-color: #084f8c80;
        border: 1px solid #084f8c80;
    }

    .el-popper[x-placement^=bottom] {
        background-color: #062430
    }

    .el-picker-panel__icon-btn {
        color: #fff;
    }

    .el-popper[x-placement^=bottom] .popper__arrow::after {
        border-bottom-color: #062430
    }

    .el-picker-panel {
        border: 1px solid #84F2FF;
    }

    .el-input.is-disabled .el-input__inner {
        height: 32px;
        line-height: 32px;
        border-color: #7d7d7d !important;
        background: #010f12;
        color: #fff;
    }

    /* 输入框不可用样式 */
    .no_yon>.el-input__inner {
        border-color: #7b7b7b !important;
    }

    /* 按钮 */
    .bg_button {
        background: rgb(4, 119, 166);
        border: none;
        color: #fff;
        font-size: 14px;
        font-family: '宋体';
    }

    .el-button--primary:focus,
    .el-button--primary:hover {
        background: rgb(12, 82, 118);
        /* border-color: red; */
        color: #FFF;
    }

    /* 时间选框的样式 */
    .el-picker-panel__footer {
        background-color: transparent;
        border: none;
    }

    .el-date-picker__time-header {
        border: none;
    }

    /* 下拉菜单多出来的一点底部导航条 */
    .el-scrollbar__wrap {
        margin-bottom: -20px !important;
    }

    /* 复选框样式 */
    .el-checkbox__inner {
        background-color: transparent;
        border: 1px solid #01dff6;
    }

    .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
        background: transparent;
        border: 1px solid #01dff6;
    }

    .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner:before {
        box-sizing: content-box;
        content: "";
        border: 1px solid rgb(229, 238, 235);
        border-left: 0;
        border-top: 0;
        top: 3px;
        left: -1px;
        position: absolute;
        width: 6px;
        height: 6px;
    }

    .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
        position: absolute;
        border-color: rgb(229, 238, 235);
        width: 6px;
        height: 6px;
        left: 7px;
        top: 3px;
    }

    .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::before {
        transform: rotate(-45deg)
    }

    .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
        transform: rotate(135deg);
    }


    /* 鼠标滑过时的样式 */
    .el-checkbox__inner:hover {
        border-color: #01dff6;
    }

    /* 选中时的样式 */
    .el-checkbox__input.is-checked .el-checkbox__inner,
    .el-checkbox__input.is-indeterminate .el-checkbox__inner {
        background-color: transparent;
        border-color: #01dff6;
    }

    .el-select .el-input .el-select__caret.el-input__icon::before {
        content: "\e790";
        color: #01dff6;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);

    }

    /*如果不设置图标下拉时是反的*/
    .el-select .el-input .el-select__caret {
        transform: rotateZ(0deg)
    }

    .el-select .el-input .el-select__caret.is-reverse {
        transform: rotateZ(180deg)
    }

    /* 弹窗标题的样式 */
    .dialog-title .el-row {
        display: flex;
    }

    .dialog-title-text {
        background: #0077a9;
        text-align: center;
        line-height: 40px;
        padding: 0 10px;
        font-size: 18px;
        color: #fff;
    }

    .dialog-title-you {
        border-left: 15px solid #0077a9;
        border-bottom: 40px solid transparent;
    }

    .el-dialog__header {
        padding: 5px 5px 10px;
    }

    .dialog-img {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 400px;
    }

    .dialog-img img {
        width: 100%;
        min-height: 400px;
    }

    .el-image__error,
    .el-image__placeholder {
        background-color: transparent;
    }

    /* 路由出来的弹窗 默认为页面 */
    /*  页面显示的table和信息的盒子 */

    .tan_chuang {
        width: 97%;
        height: 89%;
        border: 1px solid #0077a9;
        background: rgba(0, 0, 0, 0.65);
        border-radius: 2px;
        padding: 5px;
    }

    .tan_chuang .main-el-row-header {
        background: transparent;
        width: 100%;
        height: 40px;
        display: flex;
        justify-content: space-between;

    }

    .tan_chuang .main-el-row-header .header-title {
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .tan_chuang .main-el-row-header .header-title .hang_title {
        display: flex;

    }

    .main-el-row-header .header-content {
        height: 40px;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: space-around;

    }

    .main-el-row-header .header-content .form_div {
        display: flex;
        align-items: center;
        justify-content: space-around;
    }

    .tan_chuang .main-el-row-header .header-title .hang_title .one_title {
        background: #0077a9;
        text-align: center;
        line-height: 40px;
        padding: 0 10px;
        font-size: 18px;
        color: #fff;
    }

    .tan_chuang .main-el-row-header .header-title .hang_title .you {
        border-left: 15px solid #0077a9;
        border-bottom: 40px solid transparent;
    }

    .tan_chuang .main-el-row-header .header-title .bg_button {
        background: rgb(4, 119, 166);
        border: none;
    }